/* 主题相关样式 */

/* 明亮主题 */
.theme-light {
  --body-bg: var(--background-color-light);
  --component-bg: var(--background-color-white);
  --text-color-primary: var(--text-color);
  --text-color-secondary: var(--text-color-secondary);
  --text-color-disabled: var(--text-color-disabled);
  --border-color: var(--border-color);
  --header-bg: white;
  --sider-bg: #001529;
  --sider-text-color: rgba(255, 255, 255, 0.65);
  --sider-text-color-active: white;
}

/* 暗黑主题 */
.theme-dark {
  --body-bg: #141414;
  --component-bg: #1f1f1f;
  --text-color-primary: rgba(255, 255, 255, 0.85);
  --text-color-secondary: rgba(255, 255, 255, 0.65);
  --text-color-disabled: rgba(255, 255, 255, 0.30);
  --border-color: #434343;
  --header-bg: #1f1f1f;
  --sider-bg: #141414;
  --sider-text-color: rgba(255, 255, 255, 0.65);
  --sider-text-color-active: white;
}

/* 蓝色主题变体 */
.theme-variant-blue {
  --primary-color: #1890ff;
  --primary-color-light: #40a9ff;
  --primary-color-dark: #096dd9;
}

/* 绿色主题变体 */
.theme-variant-green {
  --primary-color: #52c41a;
  --primary-color-light: #73d13d;
  --primary-color-dark: #389e0d;
}

/* 红色主题变体 */
.theme-variant-red {
  --primary-color: #f5222d;
  --primary-color-light: #ff4d4f;
  --primary-color-dark: #cf1322;
}

/* 橙色主题变体 */
.theme-variant-orange {
  --primary-color: #fa8c16;
  --primary-color-light: #ffa940;
  --primary-color-dark: #d46b08;
}

/* 紫色主题变体 */
.theme-variant-purple {
  --primary-color: #722ed1;
  --primary-color-light: #9254de;
  --primary-color-dark: #531dab;
}

/* 默认应用明亮主题 */
body {
  color: var(--text-color-primary);
  background-color: var(--background-color-light);
}

/* 处理不同主题下的过渡效果 */
body, * {
  transition: background-color var(--transition-base) ease,
              color var(--transition-base) ease,
              border-color var(--transition-base) ease,
              box-shadow var(--transition-base) ease;
} 